html, body {
  margin: 0;
}
img {
  display: block;
}

.full-screen {
  background: url(../../static/image/bg.svg) left top no-repeat #081263;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
.full-screen .city-name {
  font-size: 0.26rem;
  line-height: 0.39rem;
  height: 0.39rem;
  color: #fff;
  position: absolute;
  left: 10.39rem;
  top: 8.1rem;
}
.full-screen .top-center-logo {
  display: block;
  width: 14.88rem;
  margin-top: 0.26rem;
  margin-bottom: 0.41rem;
  margin-left: auto;
  margin-right: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  z-index: 4;
}
.full-screen .total-module {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0.4rem 0.42rem;
  position: relative;
  z-index: 4;
}
.full-screen .total-module .total-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
}
.full-screen .total-module .total-item .icon {
  display: block;
  width: 1.05rem;
  margin-right: 0.17rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.full-screen .total-module .total-item .info-box .name {
  color: #fff;
  font-size: 0.17rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-screen .total-module .total-item .info-box .value {
  color: #00faff;
  font-size: 0.28rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-screen .container-list {
  overflow: hidden;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 0.06rem;
  position: relative;
  z-index: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.full-screen .container-list .title {
  padding-left: 0.25rem;
  margin-top: 0.17rem;
  height: 0.37rem;
  line-height: 0.37rem;
  position: relative;
}
.full-screen .container-list .title::after {
  content: '';
  width: 0.06rem;
  height: 0.32rem;
  background-color: #00E4FF;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.16rem;
}
.full-screen .container-list .title .name {
  display: block;
  font-size: 0.26rem;
  color: #00E4FF;
}
.full-screen .container-list .container-left {
  width: 5.77rem;
  height: 7.65rem;
  background: url(../../static/image/container-1.svg) center no-repeat;
  background-size: 100% auto;
  overflow: hidden;
}
.full-screen .container-list .container-left .menu-list {
  overflow: hidden;
  margin-top: 0.31rem;
}
.full-screen .container-list .container-left .menu-list .menu-item {
  width: 25%;
  display: block;
  float: left;
  text-align: center;
  margin-bottom: 0.38rem;
  cursor: pointer;
  overflow: hidden;
}
.full-screen .container-list .container-left .menu-list .menu-item .icon {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin-bottom: 0.08rem;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.full-screen .container-list .container-left .menu-list .menu-item .icon img {
  width: 100%;
}
.full-screen .container-list .container-left .menu-list .menu-item .name {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #00E4FF;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.full-screen .container-list .container-center {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.23rem 0.56rem 0 0.4rem;
}
.full-screen .container-list .container-center .container-center-item .top {
  height: 0.24rem;
  line-height: 0.24rem;
  overflow: hidden;
}
.full-screen .container-list .container-center .container-center-item .top .icon {
  width: 0.22rem;
  height: 0.22rem;
  margin-right: 0.07rem;
  float: left;
}
.full-screen .container-list .container-center .container-center-item .top .name {
  line-height: 0.22rem;
  font-size: 0.21rem;
  color: #fff;
  float: left;
}
.full-screen .container-list .container-center .container-center-item .bottom {
  color: #00E4FF;
  margin-top: 0.14rem;
  font-size: 0.3rem;
  line-height: 1.1;
}
.full-screen .container-list .container-right {
  overflow: hidden;
}
.full-screen .container-list .container-right .container-right-item {
  width: 5.77rem;
  height: 3.69rem;
  background: url(../../static/image/container-2.svg) center no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  margin-bottom: 0.28rem;
}
.full-screen .container-list .container-right .container-right-item .chart {
  width: 100%;
  height: 2.8rem;
  overflow: visible;
}


.full-screen .top-center-logo{
  position: fixed;
  height: 6.3%;
  width: auto;
  max-width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.full-screen .container-list{position: fixed;left: 0;right: 0;bottom: 3%;top: 26%;align-items: stretch; }
#totalData{position: fixed;left: 0;right: 0;top: 13%;}
.full-screen .total-module .total-item .icon{width:auto;height: 8vh;}
.full-screen .container-list .container-right .container-right-item{height: 48%; position: relative;background-image: url(../image/bgz1.png);background-size: 100% 100%;}
.full-screen .container-list .container-right{position: relative;}
.full-screen .container-list .container-right .container-right-item{background-size: 100% 100%;padding: 1px;margin-bottom: 0;}
.full-screen .container-list .container-right .bg{position: absolute;left: 0;bottom: 0; width:100%;height: 100%; }
.full-screen .container-list .container-left{height: 100%;background-size: 100% 100%;background-image: url(../image/bgz2.png);}
.container-right-item2{position: absolute !important;right: 0;bottom: 0;}

.full-screen .container-list .container-left .menu-list{margin-top: 0;height: 86%;display: flex;align-items: flex-end;flex-wrap: wrap;}
.full-screen .container-list .container-left .menu-list .menu-item{margin-bottom: 0;}
.full-screen .container-list .container-right .container-right-item .chart{height: 80%;}
.full-screen{background-image: url(../image/bgz3.png);background-size: cover;background-position: center;}
.full-screen::after,.full-screen::before{content: '';display: block;position: absolute;width: 100%;height: 100%;}
.full-screen::before{background-image: url(../image/s.svg);background-size:auto 100%;background-position: center;z-index: 1;background-repeat: no-repeat;}
.full-screen::after{background-image: linear-gradient(rgba(1,10,88,0.96), rgba(1,10,88,0.1), rgba(0,0,0,0)); z-index: 2;}
.full-screen>*{z-index: 30;}
.full-screen .city-name{left: 53%;top: auto;bottom: 20%;}
#full{opacity: 0;}
#full.on{opacity: 1;}